<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<!-- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> -->
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<script src="./assets/flexible/flexible.debug.js"></script>
	<title>首页</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
</head>
<body>
	<!-- 头部导航 -->
	<header class="head">
		<a href="" class="left">
			<img src="https://css.meishij.net/wap7/images/index_icon_photo@3x.png">
		</a>
		<a href="" class="center">
			<img src="http://static.meishij.net/wap6/images/topsearchicon@3x.png"> 搜索你感兴趣的
		</a>
		<a href="" class="right">
			<img src="https://css.meishij.net/wap7/images/ms_mail2@3x.png">
		</a>
	</header>
	<!-- banner -->
	<div class="swiper-container container">
		<div class="swiper-wrapper">
			<div class="swiper-slide slide">
				<script type="text/html" id="template">
					{{each str v}}
						<ul>
							<li>
								<img src="{{v.img}}">
								<span class="sp">{{v.sp}}</span>
								<p class="pp">{{v.p1}}</p>
								<h3>{{v.h3}}</h3>
								<p class="p">{{v.p}}</p>
							</li>
						</ul>
					{{/each}}
				</script>
			</div>
			<div class="swiper-slide slide">Slide 2</div>
			<div class="swiper-slide slide">Slide 3</div>
			<div class="swiper-slide slide">Slide 4</div>
			<div class="swiper-slide slide">Slide 5</div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<!-- box -->
	<section class="box">
		<dl>
			<dt>
				<img src="https://f12.baidu.com/it/u=2180339564,3099219292&fm=76">
			</dt>
			<dd>网站制作</dd>
		</dl>
		<dl>
			<dt>
				<img src="https://f11.baidu.com/it/u=770366992,858269736&fm=76">
			</dt>
			<dd>创业冷门项目</dd>
		</dl>
		<dl>
			<dt>
				<img src="https://f11.baidu.com/it/u=1177307671,2781755580&fm=76">
			</dt>
			<dd>网站制作</dd>
		</dl>
	</section>
	<section class="box1">
		<dl>
			<dt>
				<img src="https://static.meishij.net/wap6/images/v6/quanbunew.png">
			</dt>
			<dd>菜谱分类</dd>
		</dl>
		<dl>
			<dt>
				<img src="https://static.meishij.net/wap6/images/v6/shipincaipunew.png">
			</dt>
			<dd>视频菜谱</dd>
		</dl>
		<dl>
			<dt>
				<img src="https://static.meishij.net/wap6/images/v6/kuaishoucainew.png">
			</dt>
			<dd>早餐</dd>
		</dl>
		<dl>
			<dt>
				<img src="https://static.meishij.net/wap6/images/v6/fujinnew.png">
			</dt>
			<dd>附近</dd>
		</dl>
	</section>
	<section class="box2">
		<img src="https://static.meishij.net/wap6/images/v6/paihangbangnew.png">
		<img src="https://static.meishij.net/wap6/images/v6/zhinengzucainew.png">
	</section>
	<section class="zui">
		<h2>最热商品</h2>
	</section>
	<section class="box3">
		<dl>
			<dt>
				<img src="http://s1.st.meishij.net/shop/uploadfile/20161008/20161008123459.jpg" >
			</dt>
			<dd>秘制卤肉香料包 50g</dd>
			<dd class="dd">6.8/
				<span>1袋</span>
			</dd>
		</dl>
		<dl>
			<dt>
				<img src="http://s1.st.meishij.net/data/upload/shop/store/goods/197/197_05560427132405974_240.jpg">
			</dt>
			<dd>初选桃胶</dd>
			<dd class="dd">14.8/
				<span>100g</span>
			</dd>
		</dl>
	</section>
	<section class="zui">
		<h2>今日推荐</h2>
	</section>
	<section class="box4">
		<img src="http://s1.ig.meishij.net/p/20170726/4da8b634ec34f61069d2ee6e15ce6579.jpg">
	</section>
	<section class="box4">
		<img src="http://s1.ig.meishij.net/p/20170725/a3f08a09bfffdd1d52e0055eb5545b0b.jpg">
	</section>
	<section class="box4">
		<img src="http://s1.ig.meishij.net/p/20170724/f2c4cae8d4eb9cfde2127f5fdc8837aa.jpg">
	</section>
	<section class="cai">
		<img src="https://static.meishij.net/wap7/images/home_title_love@3x.png" class="img">
		<h2 class="hh">猜你喜欢
			<span class="s">20:34为您更新</span>
		</h2>
	</section>
	<section class="box5">
		<ul>
			<li>
				<dl>
					<dt>
						<img src="http://s1.st.meishij.net/r/223/54/8326223/a8326223_147548601694094.jpg">
					</dt>
					<dd>
						<p>土豆沙拉</p>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>
						<img src="http://s1.st.meishij.net/r/186/15/6503936/a6503936_147461319198579.jpg">
					</dt>
					<dd>
						<p>蔓越莓千层面包</p>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>
						<img src="http://s1.st.meishij.net/r/185/89/5522435/a5522435_151098333555608.jpg">
					</dt>
					<dd>
						<p>香辣猪脑花</p>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>
						<img src="http://s1.st.meishij.net/r/65/70/10017565/a10017565_151127377810627.jpg">
					</dt>
					<dd>
						<p>土豆泥饼</p>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>
						<img src="http://s1.st.meishij.net/r/101/68/2704601/a2704601_151127726929311.jpg">
					</dt>
					<dd>
						<p>排骨玉米</p>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>
						<img src="http://s1.st.meishij.net/r/101/68/2704601/a2704601_151127778693827.jpg">
					</dt>
					<dd>
						<p>红烧排骨</p>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>
						<img src="http://s1.st.meishij.net/r/238/152/2913238/a2913238_151125139238435.jpg">
					</dt>
					<dd>
						<p>脆皮芋头</p>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>
						<img src="http://s1.st.meishij.net/r/04/33/3445754/a3445754_151126921372244.jpg">
					</dt>
					<dd>
						<p>草莓千层饼</p>
					</dd>
				</dl>
			</li>
		</ul>
	</section>
	
	<!-- 底部导航 -->
	<footer class="footer">
		<a href="">
			<dl>
				<dt>
					<img src="https://static.meishij.net/wap7/images/tabbar_01ed@3x.png" alt="">
				</dt>
				<dd class="dd">推荐</dd>
			</dl>
		</a>
		<a href="index2.html">
			<dl>
				<dt>
					<img src="https://static.meishij.net/wap7/images/tabbar_02@3x.png" alt="">
				</dt>
				<dd>发现</dd>
			</dl>
		</a>
		<a href="">
			<dl>
				<dt>
					<img src="https://static.meishij.net/wap7/images/tabbar_03@3x.png" alt="">
				</dt>
				<dd>商城</dd>
			</dl>
		</a>
		<a href="">
			<dl>
				<dt>
					<img src="https://static.meishij.net/wap7/images/tabbar_04@3x.png" alt="">
				</dt>
				<dd>食话</dd>
			</dl>
		</a>
		<a href="">
			<dl>
				<dt>
					<img src="https://static.meishij.net/wap7/images/tabbar_05@3x.png" alt="">
				</dt>
				<dd>我的</dd>
			</dl>
		</a>
	</footer>
	 
	<script src="assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="assets/swiper/js/swiper.min.js"></script>
	<script src="assets/artTemplate/template-web.js"></script>
	<script src="js/index.js"></script>
</body>
</html>